<html>
<head>
       <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
       <title></title>
       <link href="dist/jquery.jqplot.min.css" rel="stylesheet" />
       <script src="dist/jquery.min.js"></script>
       <script src="dist/jquery.jqplot.min.js"></script>
       <script src="dist/excanvas.min.js"></script>
       <script src="dist/plugins/jqplot.barRenderer.min.js"></script>
      <script src="dist/plugins/jqplot.pointLabels.min.js"></script>
      <script src="dist/plugins/jqplot.canvasAxisTickRenderer.min.js"></script>
  
      <script src="dist/plugins/jqplot.cursor.min.js"></script>
      <script src="dist/plugins/jqplot.highlighter.min.js"></script>
      <script src="js/jqplot/plugins/jqplot.dateAxisRenderer.min.js"></script>
  
      <script src="dist/plugins/jqplot.canvasTextRenderer.min.js"></script>
      <script src="dist/plugins/jqplot.categoryAxisRenderer.min.js"></script>
      <script>
	$(function (){
//var line1 = [['12:30',5],['12:31',6],['12:32',7],['12:33',2],['12:34',4],['12:35',8]];

var plot1 = $.jqplot('chart1', [[1,2,5,8,9,0,2,4,13,46,6,34]],{
	title:'Sensor Data',
	legend:{show:true,location:'ne' },
	series:[
	{
		label:'Temperature',
		markerOptions:{size:6,style:"circle"}
	}
	],
	seriesDefaults:{
	   pointLabels:{show:true,ypadding:-1},
	   color:'#008800',
	},
	axesDefaults:{
	  tickRenderer:$.jqplot.CanvasAxisTickRenderer,
	  tickOptions:{
	    angle:10,//x angle
	    fontSize:'10pt'
	}
	},
	axes:{
	  xaxis:{
		label:"time",
		tickOptions:{
			fontSize:'10pt'
		},
		mark:'cross'
	},
	  yaxis:{
	   label:"data",
	   tickOptions:{ formatString :'%.2f',fontSize:'10pt'}
	}
	}
	
});


})
     </script>
</head>
<body>
<div id="chart1" style="height:300px;width:500px;">
</div>
</body>
</html>

